<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import url("common/icon/iconfont.css");

	page {
		background-color: #f2f2f2;
	}
	
	/* 盒子布局 */
	
	/* padding */
	.yy-padding-lr-10px {
		padding: 0 10px;
	}
	.yy-padding-0px {
		padding: 0px;
	}
	.yy-padding-bottom-15px {
		padding-bottom: 15px;
	}
	.yy-padding-10px {
		padding: 10px;
	}
	
	
	/* margin */
	.yy-margin-lr-10px {
		margin:0 10px;
	}
	.yy-margin-top-5px {
		margin-top: 5px;
	}
	.yy-margin-top-15px {
		margin-top: 15px;
	}
	.yy-margin-left-5px {
		margin-left: 5px;
	}
	.yy-margin-right-5px {
		margin-right: 5px;
	}
	.yy-margin-bottom-5px {
		margin-bottom: 5px;
	}
	
	.yy-margin-bottom-15px {
		margin-bottom: 15px;
	}
	.yy-margin-left-auto {
		margin-left: auto;
	}
	
	
	/* 边线 */
	.yy-border-bottom-solid-1px-v1 {
		border-bottom: 1px solid #e64c37;
	}
	.yy-border-bottom-solid-1px-v1:last-child {
		border-bottom: none;
	}
	
	
	/* 元素 */
	.yy-display-inline-block {
		display: inline-block;
	}
	
	.yy-ul-list-style-none {
		list-style: none;
	}
	.yy-text-align-centent {
		text-align: center;
	}
	
	/* 字体 */
	.yy-text-size-14px {
		font-size: 14px;
	}
	.yy-text-size-12px {
		font-size: 12px;
	}
	.yy-text-size-20px {
		font-size: 20px;
	}
	
	

	/* 弹性布局 */
	.yy-display-flex {
		display: flex;
	}
	
	.yy-flex-wrap-nowrap {
		/* 不自动换行 */
		flex-wrap: nowrap;
		
	}
	.yy-flex-wrap-wrap {
		/* 自动换行 */
		flex-wrap: wrap;
	}

	.yy-flex-justify-content-center {
		justify-content: center;
	}

	.yy-flex-justify-content-space-around {
		justify-content: space-around;
	}
	.yy-flex-direction-column {
		flex-direction: column;
	}

	.yy-flex-justify-content-space-between {
		justify-content: space-between;
	}

	.yy-flex-align-items-center {
		align-items: center;
	}
	
	/* 商品类 */
	.yy-store-title {
		/* 商品标题 */
		font-weight: 400;
		font-size:20px;
	}
	
	/* 溢出隐藏 - 省略号 */
	.elip-1 {
		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;
	}

	.elip-2 {
		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;
	}
	
	/* 图片类 */
	.yy-image-v1 {
		width: 100%;
		height:100%;
		border-radius: 10px;
	}
	
	/* 配色方案 */
	.yy-text-color1 {
		color: #e64c37 !important;
	}
	.yy-bgc-color1 {
		background-color: #e64c37;
	}
	.yy-text-color2 {
		color: #e5e6eb !important;
	}
	.yy-bgc-color2 {
		background-color: #e5e6eb;
	}
	.yy-text-color3 {
		color: #4fa5d0;
	}
	.yy-bgc-color3 {
		background-color: #4fa5d0;
	}
	
	/* 其它 */
	.yy-white-space-nowrap {
		white-space: nowrap;
		
	}
	/* 溢出隐藏 */
	.yy-overflow-hidden {
		overflow: hidden;
	}
	
	/* 隐藏一些元素的滚动条 */
	::-webkit-scrollbar {
	    display: none;
	    width: 0 !important;
	    height: 0 !important;
	    -webkit-appearance: none;
	    background: transparent;
	    color: transparent;
	  }
	
</style>